<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../style/css/public.css">
    <link rel="stylesheet" type="text/css" href="../style/css/shopcart.css">
    <link rel="stylesheet" type="text/css" href="../style/css/jquery.spinner.css">
</head>
<body>
    <div id="header">
        <div class="h-top">
            <div class="wrapper1020 clear">
                <div class="left">
                    <a href="#">消费者通知书</a>
                </div>
                <div class="right">
                    <ul class="clear">
                        <li>
                            <a href="" id="utel"></a>
                            <a href="index.html" class="exit">[退出]</a>|
                        </li>
                        <li><a href="#">我的订单</a>|</li>
                        <li><a href="#">购物车</a>|</li>
                        <li><a href="#">我的收藏</a>|</li>
                        <li><i class="iconfont icon-iconfontcolor39"></i><a href="#">400-080-1888</a>|</li>
                        <li>
                            <a href="#">下载达令app</a>
                            <div class="code">
                                <img src="../images/cod_da.png">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="h-bot">
            <div class="wrapper1020 clear">
                <div class="logo">
                    <a href="#"><img src="../images/logo.png"></a>
                </div>
                <div class="step">
                    <ul class="clear">
                        <li class="active">
                            <span class="stepnum">1</span>
                            <span class="arrow"></span>
                            查看购物车
                        </li>
                        <li>
                            <span class="stepnum">2</span>
                            <span class="arrow"></span>
                            <span class="to"></span>
                            确认订单信息
                        </li>
                        <li>
                            <span class="stepnum">3</span>
                            <span class="arrow"></span>
                            成功提交订单
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="main">
        <div class="wrapper1020">
            <div class="tlist">
                <ul class="clear">
                    <li class="th_check">
                        <input type="checkbox"/>
                        <span>全选</span>
                    </li>
                    <li class="th_name">商品名称</li>
                    <li class="th_price">单价(元)</li>
                    <li class="th_num">数量</li>
                    <li class="th_total">小计(元)</li>
                    <li class="th_handle">操作</li>
                </ul>
            </div>
            <div class="data">
                <!--<div class="thead">-->
                    <!--<input type="checkbox"/>-->
                    <!--<span class="kind">无敌价<i></i></span>-->
                    <!--<span>价格无敌，手慢无</span>-->
                <!--</div>-->
                <div class="tbody">
                    <ul class="clear shoplist">
                        <li class="td_check">
                            <input type="checkbox"/>
                        </li>
                        <li class="td_good">
                            <a href="#" class="img left godetails">
                                <div></div>
                            </a>
                            <a href="#" class="name godetails">
                                <span>[锦仕]</span><br/>
                                <span>迷你女士剃毛器全身脱毛器(11*3CM 粉色)</span>
                            </a>
                            <b></b>
                        </li>
                        <li class="td_sigle price">
                            ￥<span>149.00</span>
                        </li>
                        <li class="td_num">
                            <div class="changeNum">
                                <button class="decrease">-</button>
                                <input type="text" class="sigNum"/>
                                <button class="increase">+</button>
                            </div>
                        </li>
                        <li class="td_total price">
                            ￥<span>149.00</span>
                        </li>
                        <li class="td_del">
                            <a href="#" class="del">删除</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="change">
                <span>换购区</span>
                <a>加9.9元换套装>></a>
            </div>
            <div class="empty">
                <div class="img left"></div>
                <div class="right">
                    <p>购物车空空的哦，快去看看心仪的商品吧~</p>
                    <a href="#">去购物></a>
                </div>
            </div>
            <div class="count">
                <div class="th_check">
                    <input type="checkbox"/>
                    <span>全选</span>
                </div>
                <div>
                    <a href="#" class="selectdel">删除选中的商品</a>
                    <a href="#">移到我的收藏</a>
                </div>
                <div class="clear">
                    <div>已选中<span class="selectCount">1</span>件商品</div>
                    <div>
                        <p>总金额&nbsp;:&nbsp;<span>￥</span><span class="total_price">69.90</span></p>
                        <p>已结算&nbsp;:&nbsp;<span>-￥0.00</span></p>
                    </div>
                    <div>
                        <a href="#">去结算</a>
                    </div>
                </div>
            </div>
            <div class="go">
                <div><p>我的收藏</p></div>
                <div>
                    <p>您还没有收藏任何商品，快去寻找心仪的全球好货吧~</p>
                    <p><a href="#">去购物></a></p>
                </div>
            </div>
        </div>
    </div>
    <div id="sidecart">
        <div class="side_func">
            <div class="fun1" id="cartSlide">
                <span></span>
                <p>购<br/>物<br/>车</p>
                <span class="num">0</span>
            </div>
            <p></p>
            <div class="money cartSlide"><span></span><span class="ticket">我的优惠券</span></div>
            <div class="heart cartSlide"><span></span><span>我的收藏</span></div>
            <div class="codemap">
                <div class="coderel">
                    <span></span>
                    <div></div>
                    <p>到手机达令</p>
                </div>
            </div>
            <div class="backtop"><a href="#" title="返回顶部">TOP</a></div>
        </div>
        <div class="side_data">
            <div class="close"></div>
            <div class="cartshow">
                <div class="title">我的购物车</div>
                <div class="cartlist">
                    <ul>
                        <li>
                            <div class="cart_top">
                                <div>
                                    <span class="kind">N元任选</span>
                                    <span>再购两件立享优惠</span>
                                </div>
                            </div>
                            <div class="cart_bot clear">
                                <b></b>
                                <a href="#">
                                    <div class="img"></div>
                                </a>
                                <div class="cart_bot1">
                                    <p>[极速免税店][吕]红吕染烫修复损伤(修复护发素)</p>
                                    <div class="changeNum">
                                        <button class="r_decrease">-</button>
                                        <input type="text" class="sigNum"/>
                                        <button class="r_increase">+</button>
                                    </div>
                                </div>
                                <div class="cart_bot2">
                                    ￥<span class="sig_price">59.00</span>
                                    <a href="#" class="r_del">删除</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="gocart">
                    <p>共<span class="num">1</span>件商品&nbsp;共计<span class="tolprice">￥59.00</span></p>
                    <a href="shopcart.html" class="goshopcart">去购物车</a>
                </div>
            </div>

            <!--购物车为空-->
            <div class="nothing"></div>
        </div>
    </div>
    <div id="footer">
        <!--尾部--上-->
        <div>
            <div class="wrapper">
                <ul>
                    <li>为什么选择达令<span></span></li>
                    <li><span></span>100多个品牌授权</li>
                    <li><span></span>24小时内发货</li>
                    <li><span></span>保税区正品</li>
                </ul>
            </div>
        </div>
        <!--尾部--中-->
        <div>
            <div class="wrapper">
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>“hi，达令，我是鹿晗，达令投资人，投资比影响力更重要的是责任。”</dd>
                </dl>
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>“达令™一手全球好货--带您购全球,教您神马值得买。<br/>连续两年荣获App store编辑推荐最佳购物类应用</dd>
                </dl>
            </div>
        </div>
        <!--尾部--下-->
        <div>
            <div class="wrapper">
                <div class="link">
                    <p>
                        <a href="#">首页</a> |
                        <a href="#">网站地图</a> |
                        <a href="#">消费者告知书</a> |
                        <a href="#">优惠券使用规则</a> |
                        <a href="#">退换货使用说明</a> |
                        <a href="#">关于我们</a> |
                        <a href="#">练习我们</a>
                    </p>
                </div>
                <div class="copyright">
                    <ul>
                        <li>北京普缇可科技有限公司</li>
                        <li><a href="#"><img src="../images/foot01.png" alt=""></a></li>
                        <li><a href="#"><img src="../images/foot02.png" alt=""></a></li>
                        <li><a href="#"><img src="../images/foot03.png" alt=""></a></li>
                    </ul>
                </div>
                <p>Copyright © 2016达令 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113 </p>
            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/lib/require.js" data-main="../js/shopcart.js"></script>